<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>新版H5Player</title>
		<link rel="stylesheet" href="css/view.css" />
		<link rel="stylesheet" href="css/audio.css" />

	</head>

	<body>
		<!--最外层大容器-->
		<div class="wrap">
			<div class="playArea">
				<!--状态栏-->
				<div class="statusDiv">状态栏部分...</div>
				<!--顶部菜单栏-->
				<div class="menu menu_top"></div>
				<!--中间canvas层-->
				<div class="canvasDiv">
					<canvas id="backCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
					<canvas id="middleCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
					<canvas id="frontCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
				</div>
				<!--在中间显示的开始暂停按钮-->
				<div class="playBtn absolute-center"></div>
				<!--加载中等状态提示-->
				<div class="alterDiv absolute-center">
					加载中...
				</div>
			</div>
			<!--底部菜单栏-->
			<div class="menu menu_bottom">
				<!--<span class="currentTime">00:00</span>
				<span class="slideAllTime">
					<span class="slideCurrentTime"></span>
				</span>
				<span class="totalTime">10:00</span>-->
								
				<div id='playerCtrl' class="audioplayer audioplayer-stopped">
					<audio preload="auto" id='audio' class="audioplayer" controls="controls" style="display: none;"></audio>
						<div class="audioplayer-playpause" title="Play">
							<a href="#">Play</a>
						</div>
						<div class="audioplayer-time audioplayer-time-current">00:00</div>
						<div class="audioplayer-bar">
							<div class="audioplayer-bar-loaded" style="width: 0;"></div>
							<div class="audioplayer-bar-played" style="width: 0;"></div>
						</div>
						<div class="audioplayer-time audioplayer-time-duration">--:--</div>
						<div class="audioplayer-volume">
							<div class="audioplayer-volume-button" title="Volume">
								<a href="#">Volume</a>
							</div>
							<div class="audioplayer-volume-adjust">
								<div>
									<div style="height: 20%;"></div>
								</div>
							</div>
						</div>
				</div>
				
			</div>
		</div>
		<script type="text/javascript" src="js/lib/require.js" data-main="js/main"></script>
	</body>

</html>